<div class="album">
    <div class="head_title" ng-show="albumId">
        <span class="jump-color" ui-sref="main.album({pageNo:1})">专辑审核</span>
        <span class="jump-color" ui-sref="main.album.program({albumId:albumId,pageNo:1})"> / 节目管理</span>
        <span class="tit-color" > / 节目编审</span>


    </div>
    <div class="head_title" ng-show="!albumId">
        <span class="jump-color" ui-sref="main.programAudit">节目审核</span>
        <span class="tit-color"> / 节目编审</span>
    </div>


    <form class="form-horizontal create-input w5c-form demo-form"  w5c-form-validate name="mainForm" style="margin-top: 15px">
        <div class="header">基本信息</div>

        <section class="fg-section" style="    padding-bottom: 23px;">
            <div class="pull-left" style="margin-left: 10px;position: relative">
                <img ng-src="{{formData.programCover}}" style="width: 350px;height: 350px;margin-left: 10px">

                <div style="text-align: center;position: relative;">
                    <label for="fileInput" class="btn btn-feng" style="padding: 3px 25px">
                        修改封面
                    </label>
                </div>
                <span style="position: absolute; color: red;font-size: 12px;right: -37px;bottom: 5px">{{errorImg}}</span>


                <input type="file" id="fileInput" style="display: none">
            </div>

            <div class="pull-left" style="width: 500px">
                <div class="form-group personal-second">
                    <label class="col-sm-3 control-label">节目_ID：</label>
                    <div class="col-sm-7 personal-head">
                        <label style="font-weight: normal;margin-top: 6px" >{{formData.programId}}</label>
                    </div>
                </div>
                <div class="form-group personal-second">
                    <label class="col-sm-3 control-label"><i class="red-icon">*</i>节目名称：</label>
                    <div class="col-sm-7 personal-head">
                        <input type="text" class="input" placeholder="节目名称" ng-model="formData.programName"
                               name="programName" required="" ng-minlength="1" ng-maxlength="40">
                    </div>
                </div>
                <div class="form-group personal-second">
                    <!--<label class="col-sm-3 control-label"><i class="red-icon">*</i>专辑名称：</label>-->
                    <label class="col-sm-3 control-label">专辑名称：</label>
                    <div class="col-sm-7 personal-head">
                        <!--<input type="text" class="input" placeholder="专辑名称" ng-model="formData.albumName"
                               name="albumName" required="" ng-minlength="1" ng-maxlength="40" style="width: 300px !important;">-->
                        <label style="font-weight: normal;margin-top: 6px" >{{formData.albumName}}</label>
                    </div>
                </div>
                <div class="form-group personal-second">
                    <label class="col-sm-3 control-label">主播：</label>
                    <div class="col-sm-7 personal-head">
                        <input type="text" class="input" placeholder="多个关键词之间，用逗号或分号或顿号做区隔" ng-model="formData.anchorName"
                                name="anchorName" w5c-customizer="BaseValidations.checkProgrammeAnchorName(formData.anchorName)">
                    </div>
                </div>
                <div class="form-group personal-second">
                    <label class="col-sm-3 control-label">原创：</label>
                    <div class="col-sm-7 personal-head">
                        <input type="text" class="input" placeholder="多个原创之间，用逗号或分号或顿号做区隔" ng-model="formData.originalName"
                               name="originalName" w5c-customizer="BaseValidations.checkKeywordA(formData.originalName)">
                    </div>
                </div>

                <div class="form-group personal-second">
                    <label class="col-sm-3 control-label">节目简介：</label>
                    <div class="col-sm-7 personal-head">
                        <textarea class="input long-input"  ng-model="formData.summary"
                                  name="summary" ng-maxlength="1000" ng-minlength="5" style="padding:4px"></textarea>
                    </div>
                </div>
                
            </div>

           <div class="clear"></div>

        </section>



        <div class="header">标签信息</div>

        <section class="fg-section tagStyle">
            <div class="form-group personal-second tag">
                <label class="col-sm-3 control-label"><i class="red-icon">*</i>通用标签：</label>
                <div class="col-sm-7 personal-head" style="width: 590px">
                    <ui-select ng-model="$parent.commonTagsSelected" multiple theme="bootstrap" close-on-select="false" remove-selected="false">
                        <ui-select-match placeholder="最多选择5个标签">{{$item.commtagName}}</ui-select-match>
                        <ui-select-choices repeat="tag in commonTags | filter: { commtagName: $select.search }" group-by="commGroupFn">
                            <span ng-bind-html="tag.commtagName | highlight: $select.search"></span>
                        </ui-select-choices>
                    </ui-select>
                    <input type="number"  ng-model="commonTagsSelected.length" hidden
                           name="commonTags" max="5" min="1" required style="height: 28px">
                </div>
            </div>
            <div class="form-group personal-second tag">
                <label class="col-sm-3 control-label"><i class="red-icon">*</i>专用标签：</label>
                <div class="col-sm-7 personal-head" style="width: 590px">
                    <ui-select ng-model="$parent.specialTagsSelected" multiple theme="bootstrap" close-on-select="false" remove-selected="false" style="width: 100%">
                        <ui-select-match placeholder="最多选择5个标签">{{$item.specialName}}</ui-select-match>
                        <ui-select-choices repeat="tag in specialTags | filter: { specialName: $select.search }" group-by="specialGroupFn">
                            <span ng-bind-html="tag.specialName | highlight: $select.search"></span>
                        </ui-select-choices>
                    </ui-select>
                    <input type="number"  ng-model="specialTagsSelected.length" hidden
                           name="specialTags" max="5" min="1" style="height: 28px">
                </div>
            </div>
            <div class="form-group personal-second tag">
                <label class="col-sm-3 control-label">关键词：</label>
                <div class="col-sm-7 personal-head">
                    <input type="text" class="input long-input" placeholder="多个关键词之间，用逗号或分号或顿号做区隔" ng-model="formData.keyword"
                           name="keyword" w5c-customizer="BaseValidations.checkKeyword(formData.keyword)"
                           style="width: 560px !important;max-width: none">
                </div>
            </div>

        </section>
        <div class="header">文件信息</div>

        <section class="fg-section">
            <div class="form-group personal-second">
                <label class="col-sm-3 control-label">音轨：</label>
                <div class="col-sm-7 ">
                    <music-play img-url="formData.programCover" music-url="formData.origAudioUrl" music-time="formData.duration"></music-play>
                    <br/>
                    <label type="button" class="btn btn-down btn-sm" style="width: 100px;margin-top: 0">
                        重传音频
                        <input type="file" nv-file-select id="audioFile" uploader="uploaderAudio"
                               style="display: none" multiple ng-click="musicEnd()">
                    </label>
                    <label type="button" class="btn btn-down btn-sm" style="width: 100px;margin-top: 0">
                        <a style="color: #fff" download ng-href="{{formData.origAudioUrl}}"> 下载</a>
                    </label>
                    <span style="color: #CCCCCC">（仅可上传一个音频，大小范围0.5-150M，支持MP3、AAC格式）</span>
                    <div ng-if="image_a == true" style="color: red;font-size: 12px;margin-top: 10px">{{imageMsg}}</div>
                    <!--<video ng-src="{{$sce.trustAsResourceUrl(formData.origAudioUrl)}}" controls="controls" ></video>-->
                    <br>


                    <table class="table table-bordered table-hover" style="margin-top: 10px;width: 560px"
                           ng-show="uploaderAudio.queue.length"  ng-show="channelSelected.channelId">
                        <thead>
                        <tr>
                            <th>音频名称</th>
                            <th>大小</th>
                            <th>进度</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr ng-repeat="item in uploaderAudio.queue">
                            <td><span class="first-td">{{item.file.name}}</span></td>
                            <td>{{ item.file.size/1024/1024|number:2 }} MB</td>
                            <td>
                                <uib-progressbar value="item.progress">{{item.progress}}%</uib-progressbar>
                            </td>
                            <td>
                                <i class="fa fa-trash" aria-hidden="true" style="color: red"
                                   ng-click="item.remove();removeFile($index)"></i>
                            </td>
                        </tr>
                        </tbody>
                    </table>

                    <label type="button" class="btn btn-primary btn-sm" ng-click="uploaderAudio.uploadAll()"
                           ng-show="uploaderAudio.queue.length">
                        上传
                    </label>
                </div>

            </div>
            <div class="form-group personal-second">
                <label class="col-sm-3 control-label">格式：</label>
                <div class="col-sm-7">
                    <label class="btn" >{{formData.audio.format}}</label>
                </div>
            </div>
            <div class="form-group personal-second">
                <label class="col-sm-3 control-label">码率：</label>
                <div class="col-sm-7">
                    <label class="btn" >{{formData.origAudioBitRate}}kbps</label>
                </div>
            </div>
            <div class="form-group personal-second">
                <label class="col-sm-3 control-label">声道：</label>
                <div class="col-sm-7">
                    <label class="btn" >{{table[formData.origAudiochannels]}}</label>
                </div>
            </div>
            <div class="form-group personal-second">
                <label class="col-sm-3 control-label">采样率：</label>
                <div class="col-sm-7">
                    <label class="btn" >{{formData.origAudioSamplingRate/1000}}KHZ</label>
                </div>
            </div>
            <div class="form-group personal-second">
                <label class="col-sm-3 control-label">时长：</label>
                <div class="col-sm-7">
                    <label class="btn" >{{formData.duration}}</label>
                </div>
            </div>

        </section>
        <div class="header">审核信息</div>

        <section class="fg-section">
            <div class="form-group personal-second">
                <label class="col-sm-3" style="text-align: right;margin-top: 7px">审核：</label>
                <div class="col-sm-7 personal-head" ng-init="formData.reviewStatus==8">
                    <label class="radio-inline">
                        <input type="radio" class="magic-radio" value="8" id="8" ng-model="formData.reviewStatus" ng-change="statusChange()">
                        <label for="8" style="vertical-align: top;"></label>

                        通过

                    </label>
                    <label class="radio-inline">
                        <input type="radio" class="magic-radio" value="9" id="9" ng-model="formData.reviewStatus"  ng-change="statusChange()">
                        <label for="9" style="vertical-align: top;"></label>
                        未通过

                    </label>
                </div>

            </div>

            <div ng-if="formData.reviewStatus==9">
                <div class="form-group personal-second">
                    <label class="col-sm-3 control-label"><i class="red-icon">*</i>失败原因：</label>
                    <div class="col-sm-7 personal-head">
                        <ui-select ng-model="$parent.reviewError" theme="bootstrap" style="width: 300px;float: left" ng-change="reviewErrorChange(reviewError)">
                            <ui-select-match placeholder="请选择">{{$select.selected.value}}</ui-select-match>
                            <ui-select-choices repeat="reason in failReason | filter: $select.search">
                                <span ng-bind-html="reason.value | highlight: $select.search"></span>
                            </ui-select-choices>
                        </ui-select>
                        <input type="hidden"  ng-model="reviewError"
                        name="reason" required w5c-dynamic-element>
                    </div>
                </div>
                <div class="form-group personal-second">
                    <label class="col-sm-3 control-label">详细原因：</label>
                    <div class="col-sm-7 personal-head">
                        <textarea class="input long-input"  ng-model="formData.reviewErrorMemo"
                                  name="reasonDetail"  ng-maxlength="400" w5c-dynamic-element style="padding:3px 5px"></textarea>

                    </div>
                </div>
            </div>
        </section>

        <footer class="container-fluid foot-wrap">
            <div class="text-center">
                <button class="btn btn-primary" type="button" style="padding: 3px 16px;width: 90px" w5c-form-submit="submit()"  ng-if="!count">{{'确定'}}</button>
                <button class="btn btn-primary" type="button" style="padding: 3px 16px"  disabled ng-if="count">{{'确定'}}剩余{{count}}秒</button>
                <button type="button" class="btn ims-btn" ng-click="cancel()" style="width: 90px">取消</button>
            </div>
        </footer>

    </form>


</div>
